<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="refresh" content="60"> <!-- 每5分钟刷新一次，时间单位为秒 -->
    <title>GWAC_LimitMag</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div id="localTime" style="font-size: 24px; margin-top: 20px;"></div> <!-- 时间显示区域 -->
    <div class="gallery">
        <!-- Repeat this block for each image -->
        <img src="LimitMagImages/011_limit.png" alt="Image 1">
        <img src="LimitMagImages/012_limit.png" alt="Image 2">
        <img src="LimitMagImages/013_limit.png" alt="Image 3">
        <img src="LimitMagImages/014_limit.png" alt="Image 1">
        <img src="LimitMagImages/015_limit.png" alt="Image 1">
        <img src="LimitMagImages/021_limit.png" alt="Image 2">
        <img src="LimitMagImages/022_limit.png" alt="Image 3">
        <img src="LimitMagImages/023_limit.png" alt="Image 1">
        <img src="LimitMagImages/024_limit.png" alt="Image 2">
        <img src="LimitMagImages/025_limit.png" alt="Image 2">
        <img src="LimitMagImages/031_limit.png" alt="Image 3">
        <img src="LimitMagImages/032_limit.png" alt="Image 1">
        <img src="LimitMagImages/033_limit.png" alt="Image 2">
        <img src="LimitMagImages/034_limit.png" alt="Image 3">
        <img src="LimitMagImages/035_limit.png" alt="Image 3">
        <img src="LimitMagImages/041_limit.png" alt="Image 1">
        <img src="LimitMagImages/042_limit.png" alt="Image 2">
        <img src="LimitMagImages/043_limit.png" alt="Image 3">
        <img src="LimitMagImages/044_limit.png" alt="Image 1">
        <img src="LimitMagImages/045_limit.png" alt="Image 1">
        <img src="LimitMagImages/051_limit.png" alt="Image 2">
        <img src="LimitMagImages/052_limit.png" alt="Image 3">
        <img src="LimitMagImages/053_limit.png" alt="Image 1">
        <img src="LimitMagImages/054_limit.png" alt="Image 2">
        <img src="LimitMagImages/055_limit.png" alt="Image 1">
        <img src="LimitMagImages/061_limit.png" alt="Image 1">
        <img src="LimitMagImages/062_limit.png" alt="Image 2">
        <img src="LimitMagImages/063_limit.png" alt="Image 3">
        <img src="LimitMagImages/064_limit.png" alt="Image 1">
        <img src="LimitMagImages/065_limit.png" alt="Image 1">
        <img src="LimitMagImages/071_limit.png" alt="Image 2">
        <img src="LimitMagImages/072_limit.png" alt="Image 3">
        <img src="LimitMagImages/073_limit.png" alt="Image 1">
        <img src="LimitMagImages/074_limit.png" alt="Image 2">
        <img src="LimitMagImages/075_limit.png" alt="Image 2">
        <img src="LimitMagImages/081_limit.png" alt="Image 3">
        <img src="LimitMagImages/082_limit.png" alt="Image 1">
        <img src="LimitMagImages/083_limit.png" alt="Image 2">
        <img src="LimitMagImages/084_limit.png" alt="Image 3">
        <img src="LimitMagImages/085_limit.png" alt="Image 2">
        <img src="LimitMagImages/091_limit.png" alt="Image 1">
        <img src="LimitMagImages/092_limit.png" alt="Image 2">
        <img src="LimitMagImages/093_limit.png" alt="Image 3">
        <img src="LimitMagImages/094_limit.png" alt="Image 1">
        <img src="LimitMagImages/095_limit.png" alt="Image 2">
        <img src="LimitMagImages/101_limit.png" alt="Image 2">
        <img src="LimitMagImages/102_limit.png" alt="Image 3">
        <img src="LimitMagImages/103_limit.png" alt="Image 1">
        <img src="LimitMagImages/104_limit.png" alt="Image 2">
        <img src="LimitMagImages/105_limit.png" alt="Image 2">
        <!-- Add more <img> tags here up to 40 images -->
    </div>

   <script>
        function updateLocalTime() {
            const now = new Date();
            const localTimeString = now.toLocaleTimeString(); // 获取当地时间的字符串表示
            document.getElementById('localTime').textContent = `${localTimeString}`;
        }

        updateLocalTime(); // 初始化时间显示

        // 每5分钟检查一次更新
        setInterval(checkForUpdates, 1000);
    </script>
</body>
</html>
